<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>民兵团张霞</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/main.css" />
		
	</head>

	<body class="bg-gray">
		<!--顶部-->
		<header>
			<a href="javascript:history.go(-1)" class="iconfont icon-zuojiantou1"></a>
			<h1>发海报</h1>
		</header>
		<!--顶部-->
		<!--内容-->
		<div class="container pt2 poster">
			<div class="row posterbox">
				<a href="poster.html" onclick="clickSour(this)">房源海报(1)</a>
				<a href="building_poster.html" class="active" onclick="clickSour(this)">楼盘海报(2)</a>
				<a href="trend_poster.html" onclick="clickSour(this)">动态海报(3)</a>
				<a href="defined_poster.html" onclick="clickSour(this)">自定义海报(200)</a>
			</div>
			<div id="tabs-container" class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<p class="myall">清风椰林湾</p>
					</div>
					<div class="swiper-slide">
						<p class="myall">三亚</p>
					</div>
				</div>
				<div class="swiper-button-next"></div>
   	 			<div class="swiper-button-prev"></div>
			</div>
			<div class="sourcelist tabs">
				<i class="iconfont icon-arrow-up"></i>
				<i class="iconfont icon-arrow-down"></i>
				<div class="scroll-list active">
					<ul>
						<li>
							<h1>1.碧桂园三亚郡</h1>
							<p>佣金：4%（垫资结佣）</p>
						</li>
						<li>
							<h1>2.碧桂园三亚海</h1>
							<p>佣金政策：2.3%（10套（含）以内：2.3。11-20套：2.5%佣金回补；21套（含）以上：2.7%佣金回补</p>
						</li>
						<li>
							<h1>3.沁园春城</h1>
							<p>佣金：3.5%，成交奖：8000元</p>
						</li>
						<li>
							<h1>4.三亚鹜港</h1>
							<p>佣金：60000/套，带看奖：100元</p>
						</li>
						<li>
							<h1>5.海航财富海湾</h1>
							<p>佣金政策：6%</p>
						</li>
					</ul>
				</div>
				<div class="scroll-list hide">
					<ul>
						<li>
							<p>开发商：海南悦城置业有限公司</p>
							<p>物业顾问：高力国际</p>
							<p>占地面积：129亩</p>
							<p>建筑面积：10万㎡</p>
							<p>容积率：1.0</p>
							<p>绿地率：40%</p>
							<p>停车位：720</p>
							<p>物业费：6.6元</p>
							<p>产权年限：70年</p>
							<p>楼数总栋：39栋</p>
							<p>楼层总高：5-7层</p>
							<p>项目总户：1146户</p>
							<p>电梯户数：1梯2户</p>
							<p>楼层朝向：南北朝向</p>
							<p>交房时间：预计2019年9月</p>
							<p>均价：27000/平</p>
							<p>装修标准：3000元/平【并配有中央空调】</p>
							<p>地址：海南省陵水县陵文路</p>
						</li>
					</ul>
				</div>
			</div>
			<div class="row post-code">
				<div class="codeimg"><img src="../../img/webcode.jpg" /></div>
				<div class="post-name">
					<h2>民兵团张霞</h2>
					<span>13899937896</span>
					<p>扫码加入我的分销圈。获取我的房源最新分销政策。提供无水印房源图片发给客户。</p>
				</div>
			</div>
		</div>
		<!--内容-->
		<footer>
			<a class="publish row" href="craeate_b_poster.html">
				<span>生成海报</span>
			</a>
		</footer>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/swiper.min.js"></script>
		<script src="../../js/wap.js"></script>
		<script type="text/javascript">
			function clickSour(e) {
				if ($(e).hasClass('active')) {
					$(e).removeClass('active');
				} else {
					$('.posterbox a').removeClass('active');
					$(e).addClass('active');
				}
			}
			
			var tabsSwiper = new Swiper('#tabs-container', {
				speed: 500,
				navigation: {
			        nextEl: '.swiper-button-next',
			        prevEl: '.swiper-button-prev',
			      },
				on: {
					slideChangeTransitionStart: function() {
						$(".tabs .scroll-list").hide();
						$(".tabs .scroll-list").eq(this.activeIndex).fadeIn();
					}
				}
			})
		</script>
	</body>

</html>